<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=\, initial-scale=1.0">
    <link rel="stylesheet" href="./css/CP.css">
    <title>产品</title>
</head>
<body>
    <!-- 头部 -->
    <div class="head">
        <div class="head-box">
            <img src="./img/top-logo.png" class="logo">
        <div class="sou">
            <div class="suo">
                <input type="text" placeholder="葡萄酒" class="t-txt">
                <input type="button" value="搜&nbsp;索" class="t-btn">
            </div>
            <span>
                关键词:
                <span style="color:#cf3232">
                    葡萄酒
                </span>
                冰酒&nbsp;甜酒&nbsp;  香槟&nbsp;  白葡萄酒&nbsp;  红酒&nbsp;  白酒
            </span>
        </div>
        <ul class="Language">
            <li>中文</li>
            <li>English</li>
        </ul>
        </div>
    </div>
    <!-- 导航 -->
    <div class="navbox">
        <div class="nav">
            <ul>
                <li>
                    <a href="../首页/首页.html">首页</a>
                </li>
                <li>
                    <a href="#">产品</a>
                </li>
                <li>
                    <a href="../公司简介/公司简介.html">公司简介</a>
                </li>
                <li>
                    <a href="../公司新闻/公司新闻.html">公司新闻</a>
                </li>
                <li>
                    <a href="../联系我们/联系我们.html">联系我们</a>
                </li>
            </ul>
        </div>
    </div>
    <!--产品区-->
	<div class="banbox">
		<div class="ban">
		<ul class="b-list">
			<li><a href=""><img src="./img/ban-cp1.png"></a>
					<div class="b-listjs">
					<a href="##">
					<p>查看详情
					<i class="fa fa-caret-square-o-right" aria-hidden="true" style="font-size: 24px;"></i>
					</p>
					</a>
					</div>
			</li>
			<li><a href="#"><img src="./img/ban-cp2.png" style="margin-left: 80PX;"></a>
					<div class="b-listjs">
					<a href="##">
					<p>查看详情
					<i class="fa fa-caret-square-o-right" aria-hidden="true" style="font-size: 24px;"></i>
					</p>
					</a>
					</div>
			</li>
			<li><a href="#"><img src="./img/ban-cp3.png"></a>
					<div class="b-listjs">
					<a href="##">
					<p>查看详情
					<i class="fa fa-caret-square-o-right" aria-hidden="true" style="font-size: 24px;"></i>
					</p>
					</a>
					</div>
			</li>
			<li><a href="#"><img src="./img/ban-cp4.png" style="margin-left: 80PX;"></a>
					<div class="b-listjs">
					<a href="##">
					<p>查看详情
					<i class="fa fa-caret-square-o-right" aria-hidden="true" style="font-size: 24px;"></i>
					</p>
					</a>
					</div>
			</li>
			<li><a href="#"><img src="./img/ban-cp1.png"></a>
					<div class="b-listjs">
					<a href="##">
					<p>查看详情
					<i class="fa fa-caret-square-o-right" aria-hidden="true" style="font-size: 24px;"></i>
					</p>
					</a>
					</div>
			</li>
			<li><a href="#"><img src="./img/ban-cp2.png" style="margin-left: 80PX;"></a>
					<div class="b-listjs">
					<a href="##">
					<p>查看详情
					<i class="fa fa-caret-square-o-right" aria-hidden="true" style="font-size: 24px;"></i>
					</p>
					</a>
					</div>
			</li>
			<li><a href="#"><img src="./img/ban-cp3.png"></a>
					<div class="b-listjs">
					<a href="##">
					<p>查看详情
					<i class="fa fa-caret-square-o-right" aria-hidden="true" style="font-size: 24px;"></i>
					</p>
					</a>
					</div>
			</li>
			<li><a href="#"><img src="./img/ban-cp4.png" style="margin-left: 80PX;"></a>
					<div class="b-listjs">
					<a href="##">
					<p>查看详情
					<i class="fa fa-caret-square-o-right" aria-hidden="true" style="font-size: 24px;"></i>
					</p>
					</a>
					</div>
			</li>
			<li><a href="#"><img src="./img/ban-cp1.png"></a>
					<div class="b-listjs">
					<a href="##">
					<p>查看详情
					<i class="fa fa-caret-square-o-right" aria-hidden="true" style="font-size: 24px;"></i>
					</p>
					</a>
					</div>
			</li>
			<li><a href="#"><img src="./img/ban-cp2.png" style="margin-left: 80PX;"></a>
					<div class="b-listjs">
					<a href="##">
					<p>查看详情
					<i class="fa fa-caret-square-o-right" aria-hidden="true" style="font-size: 24px;"></i>
					</p>
					</a>
					</div>
			</li>
		</ul>
		</div>
	</div>
	
	<!--内容-->
	<div class="conbox">
		<ul class="c-nav">
			<li><a href="">冰酒</a>
				<ul class="c-nav-hover">
					<li><a href="##">蓝冰王</a></li>
					<li><a href="##">加拿诗</a></li>
					<li><a href="##">安大略</a></li>
					<li><a href="##">红冰酒</a></li>
				</ul>
			</li>
			<li><a href="">红酒</a>
				<ul class="c-nav-hover">
					<li><a href="">佳丽酿</a></li>
					<li><a href="##">赤霞珠</a></li>
					<li><a href="##">蛇龙珠</a></li>
					<li><a href="##">品丽珠</a></li>
					<li><a href="##">白诗南</a></li>
					<li><a href="##">塞米雍</a></li>
				</ul>
			</li>
			<li><a href="">甜酒</a>
				<ul class="c-nav-hover">
					<li><a href="##">湖南酒</a></li>
					<li><a href="##">湖北酒</a></li>
					<li><a href="##">黑檽米</a></li>
				</ul>
			</li>
			<li><a href="">香槟</a>
				<ul class="c-nav-hover">
					<li><a href="##">1982</a></li>
					<li><a href="##">1992</a></li>
				</ul>
			</li>
			<li><a href="">白酒</a>
				<ul class="c-nav-hover">
					<li><a href="##">雷司令</a></li>
					<li><a href="##">贵人香</a></li>
					<li><a href="##">李将军</a></li>
					<li><a href="##">长相思</a></li>
				</ul>
			</li>
		</ul>
		<ul class="cp-list">
			<li><a href="##">
				<img src="./img/conlist-cp1.jpg" width="230"></a>
				<h4><a href="##">82年法国葡萄酒</a></h4>
				<i class="fa fa-heart-o shoucan" aria-hidden="true"></i>
				<i class="fa fa-heart shoucan2" aria-hidden="true"></i>
				<a class="jrgwc">加入购物车</a>
				<div class="list-h">
					<p>类型：葡萄酒<br>
					葡萄品种：唯代尔<br>
					酒精度：10.5%<br>
					产区：加拿大<br>
					等级：VQA<br>
					净含量：375ml<br>
					</p>
					<p>零售价：￥688</p>
				</div>
			</li>
			<li><a href="##">
				<img src="./img/conlist-cp2.jpg" width="230"></a>
				<h4><a href="##">82年法国葡萄酒</a></h4>
				<i class="fa fa-heart-o shoucan" aria-hidden="true"></i>
				<i class="fa fa-heart shoucan2" aria-hidden="true"></i>
				<a class="jrgwc">加入购物车</a>
				<div class="list-h">
					<p>类型：葡萄酒<br>
					葡萄品种：唯代尔<br>
					酒精度：10.5%<br>
					产区：加拿大<br>
					等级：VQA<br>
					净含量：375ml<br>
					</p>
					<p>零售价：￥688</p>
				</div>
			</li>
			<li><a href="##">
				<img src="./img/conlist-cp3.jpg" width="230"></a>
				<h4><a href="##">82年法国葡萄酒</a></h4>
				<i class="fa fa-heart-o shoucan" aria-hidden="true"></i>
				<i class="fa fa-heart shoucan2" aria-hidden="true"></i>
				<a class="jrgwc">加入购物车</a>
				<div class="list-h">
					<p>类型：葡萄酒<br>
					葡萄品种：唯代尔<br>
					酒精度：10.5%<br>
					产区：加拿大<br>
					等级：VQA<br>
					净含量：375ml<br>
					</p>
					<p>零售价：￥688</p>
				</div>
			</li>
			<li><a href="##">
				<img src="./img/conlist-cp4.jpg" width="230"></a>
				<h4><a href="##">82年法国葡萄酒</a></h4>
				<i class="fa fa-heart-o shoucan" aria-hidden="true"></i>
				<i class="fa fa-heart shoucan2" aria-hidden="true"></i>
				<a class="jrgwc">加入购物车</a>
				<div class="list-h">
					<p>类型：葡萄酒<br>
					葡萄品种：唯代尔<br>
					酒精度：10.5%<br>
					产区：加拿大<br>
					等级：VQA<br>
					净含量：375ml<br>
					</p>
					<p>零售价：￥688</p>
				</div>
			</li>
			<li><a href="##">
				<img src="./img/conlist-cp5.jpg" width="230"></a>
				<h4><a href="##">82年法国葡萄酒</a></h4>
				<i class="fa fa-heart-o shoucan" aria-hidden="true"></i>
				<i class="fa fa-heart shoucan2" aria-hidden="true"></i>
				<a class="jrgwc">加入购物车</a>
				<div class="list-h">
					<p>类型：葡萄酒<br>
					葡萄品种：唯代尔<br>
					酒精度：10.5%<br>
					产区：加拿大<br>
					等级：VQA<br>
					净含量：375ml<br>
					</p>
					<p>零售价：￥688</p>
				</div>
			</li>
			<li><a href="##">
				<img src="./img/conlist-cp6.jpg" width="230"></a>
				<h4><a href="##">82年法国葡萄酒</a></h4>
				<i class="fa fa-heart-o shoucan" aria-hidden="true"></i>
				<i class="fa fa-heart shoucan2" aria-hidden="true"></i>
				<a class="jrgwc">加入购物车</a>
				<div class="list-h">
					<p>类型：葡萄酒<br>
					葡萄品种：唯代尔<br>
					酒精度：10.5%<br>
					产区：加拿大<br>
					等级：VQA<br>
					净含量：375ml<br>
					</p>
					<p>零售价：￥688</p>
				</div>
			</li>
			<li><a href="##">
				<img src="./img/conlist-cp1.jpg" width="230"></a>
				<h4><a href="##">82年法国葡萄酒</a></h4>
				<i class="fa fa-heart-o shoucan" aria-hidden="true"></i>
				<i class="fa fa-heart shoucan2" aria-hidden="true"></i>
				<a class="jrgwc">加入购物车</a>
				<div class="list-h">
					<p>类型：葡萄酒<br>
					葡萄品种：唯代尔<br>
					酒精度：10.5%<br>
					产区：加拿大<br>
					等级：VQA<br>
					净含量：375ml<br>
					</p>
					<p>零售价：￥688</p>
				</div>
			</li>
			<li><a href="##">
				<img src="./img/conlist-cp2.jpg" width="230"></a>
				<h4><a href="##">82年法国葡萄酒</a></h4>
				<i class="fa fa-heart-o shoucan" aria-hidden="true"></i>
				<i class="fa fa-heart shoucan2" aria-hidden="true"></i>
				<a class="jrgwc">加入购物车</a>
				<div class="list-h">
					<p>类型：葡萄酒<br>
					葡萄品种：唯代尔<br>
					酒精度：10.5%<br>
					产区：加拿大<br>
					等级：VQA<br>
					净含量：375ml<br>
					</p>
					<p>零售价：￥688</p>
				</div>
			</li>
			<li><a href="##">
				<img src="./img/conlist-cp3.jpg" width="230"></a>
				<h4><a href="##">82年法国葡萄酒</a></h4>
				<i class="fa fa-heart-o shoucan" aria-hidden="true"></i>
				<i class="fa fa-heart shoucan2" aria-hidden="true"></i>
				<a class="jrgwc">加入购物车</a>
				<div class="list-h">
					<p>类型：葡萄酒<br>
					葡萄品种：唯代尔<br>
					酒精度：10.5%<br>
					产区：加拿大<br>
					等级：VQA<br>
					净含量：375ml<br>
					</p>
					<p>零售价：￥688</p>
				</div>
			</li>
			<li><a href="##">
				<img src="./img/conlist-cp4.jpg" width="230"></a>
				<h4><a href="##">82年法国葡萄酒</a></h4>
				<i class="fa fa-heart-o shoucan" aria-hidden="true"></i>
				<i class="fa fa-heart shoucan2" aria-hidden="true"></i>
				<a class="jrgwc">加入购物车</a>
				<div class="list-h">
					<p>类型：葡萄酒<br>
					葡萄品种：唯代尔<br>
					酒精度：10.5%<br>
					产区：加拿大<br>
					等级：VQA<br>
					净含量：375ml<br>
					</p>
					<p>零售价：￥688</p>
				</div>
			</li>
			<li><a href="##">
				<img src="./img/conlist-cp5.jpg" width="230"></a>
				<h4><a href="##">82年法国葡萄酒</a></h4>
				<i class="fa fa-heart-o shoucan" aria-hidden="true"></i>
				<i class="fa fa-heart shoucan2" aria-hidden="true"></i>
				<a class="jrgwc">加入购物车</a>
				<div class="list-h">
					<p>类型：葡萄酒<br>
					葡萄品种：唯代尔<br>
					酒精度：10.5%<br>
					产区：加拿大<br>
					等级：VQA<br>
					净含量：375ml<br>
					</p>
					<p>零售价：￥688</p>
				</div>
			</li>
			<li><a href="##">
				<img src="./img/conlist-cp6.jpg" width="230"></a>
				<h4><a href="##">82年法国葡萄酒</a></h4>
				<i class="fa fa-heart-o shoucan" aria-hidden="true"></i>
				<i class="fa fa-heart shoucan2" aria-hidden="true"></i>
				<a class="jrgwc">加入购物车</a>
				<div class="list-h">
					<p>类型：葡萄酒<br>
					葡萄品种：唯代尔<br>
					酒精度：10.5%<br>
					产区：加拿大<br>
					等级：VQA<br>
					净含量：375ml<br>
					</p>
					<p>零售价：￥688</p>
				</div>
			</li>
		</ul>
	</div>
	<!-- 名酒 -->
    <div class="logobox">
        <h3 class="title">
            知名红酒
        </h3>
        <div class="logob">
            <a href="##">
                <img src="./img/con-ban1.png">
            </a>
            <a href="##">
                <img src="./img/con-ban2.png">
            </a>
            <a href="##">
                <img src="./img/con-ban3.png">
            </a>
            <a href="##">
                <img src="./img/con-ban4.png">
            </a>
            <a href="##">
                <img src="./img/con-ban5.png">
            </a>
            <a href="##">
                <img src="./img/con-ban1.png">
            </a>
        </div>
    </div>
    <!-- 尾部 -->
	<div class="footbox">
    	<div class="foot">
			<div class="huiding"><a href="#">
				<i class="fa fa-arrow-up" aria-hidden="true"></i>
		   </a></div>
			<ul>
				<li><a href="##">联系我们</a></li>
				<li><a href="##">公司简介</a></li>
				<li><a href="##">公司新闻</a></li>
				<select class="f-xl">
					<option>友情链接</option>
					<option>翁丰统</option>
					<option>胡家俊</option>
					<option>张铭聪</option>
				</select>
			</ul>
			<p class="f-small">Copyright @ 2010-2016 木地酒庄有限公司 wengfengtong 更多模板：
                <a href="##" style="color: black;">源码之家
                </p>
        </div>
    </div>
</body>
</html>